import React,{useState,useContext} from 'react'
import { Input,Button } from 'react-vant';
import Ctx from './store/Ctx';
//添加组件
export default function Add() {

    let obj = useContext(Ctx)
//获取输入框的值
    let [title,setTitle] = useState('')

    return (
        <div style={{margin:'10px'}}>
            <Input
                prefix="💁"
                suffix={<Button size="small" type="primary" onClick={()=>{
                    let obj1 = {
                        id:new Date().getTime(),
                        title,
                        sed:false
                    }
                    //告诉仓库管路员函数 你要去添加数据
                    obj.dispatch({
                        type:'add_list',//字符串唯一的标识 用来找到你要修改的是那个状态
                        payload:obj1 //参数
                    })
                }}>添加</Button>}
                placeholder="请输入短信验证码"
                value={title}
                onChange={(v)=>{
                    setTitle(v)
                }}
            />
        </div>
    )
}
